<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>2 Columns Right Sidebar with Fixed Footer in Matthew James Taylor's Style - CSS Layout Collections</title>
    <link rel="stylesheet" href="../../../../static/css/reset.css" media="all" type="text/css" />
    <link rel="stylesheet" href="layout.css" media="all" type="text/css" />
    <link rel="stylesheet" href="../../../../static/css/site.css" media="all" type="text/css" />
    <!--[if lt IE 9]><script src="../../../../static/js/html5.js"></script><![endif]-->
  </head>
  <body>
    <div id="container">
      <header id="header">
      <h1>2 Columns Right Sidebar with Fixed Footer in Matthew James Taylor's Style</h1>
      <nav id="nav">
      </nav>
      </header>
      <div id="mask">
        <div id="wrapper">
          <section id="content">
          <p>Main Content</p>
          <table>
            <caption>Color Legend</caption>
            <tr>
              <th>Element ID</th>
              <th>Color Name</th>
              <th>Color</th>
            </tr>
            <tr>
              <td>#body</td>
              <td>DimGray</td>
              <td class="dimgray">&#9635;</td>
            </tr>
            <tr>
              <td>#container</td>
              <td>Chocolate</td>
              <td class="chocolate">&#9635;</td>
            </tr>
            <tr>
              <td>#header</td>
              <td>CornflowerBlue</td>
              <td class="cornflowerblue">&#9635;</td>
            </tr>
            <tr>
              <td>#mask</td>
              <td>GoldenRod</td>
              <td class="goldenrod">&#9635;</td>
            </tr>
            <tr>
              <td>#wrapper</td>
              <td>LimeGreen</td>
              <td class="limegreen">&#9635;</td>
            </tr>
            <tr>
              <td>#content</td>
              <td>Lavender</td>
              <td class="lavender">&#9635;</td>
            </tr>
            <tr>
              <td>#sidebar</td>
              <td>HotPink</td>
              <td class="hotpink">&#9635;</td>
            </tr>
            <tr>
              <td>#footer</td>
              <td>DarkSlateBlue</td>
              <td class="darkslateblue">&#9635;</td>
            </tr>
          </table>
          </section>
          <aside id="sidebar">
          <p>Aside</p>
          </aside>
        </div>
      </div>
      <footer id="footer">
      <h6>Footer</h6>
      </footer>
    </div>
  </body>
</html>
